<script type="text/javascript" src="/js/app/login.js"></script>

<div id="loading-block"></div>
<section id="login-container">
    <div id="login_header"></div>

    <?php echo form_open('login/doLogin') ?>
        <div id="login_wrapper">
            <div class="login_wrapper_container">
                <div class="float_center_box">
                    <div class="one-half logo-box">
                        <img src="/img/login-logo.png" alt="Caffeine">
                    </div>
                    <div class="clear"></div>
                    <div class="box">
                        <div class="inner">
                            <?php echo validation_errors(); ?>
                            <div class="contents">
                                <div class="one-half username-half">
                                    <label for="username"><?php echo lang('login.username'); ?> </label>
                                    <div class="field-box">
                                        <span class="icon awesome user for-input"></span>
                                        <input name="username" id="username" type="text" class="w-icon validate[required]">
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="one-half password-half">
                                    <label for="password"><?php echo lang('login.password'); ?></label>
                                    <div class="field-box">
                                        <span class="icon awesome lock for-input"></span>
                                        <input name="password" id="password" type="password" class="w-icon validate[required]">
                                    </div>
                                    <div class="clear"></div>
                                </div>

                                <div class="clear"></div>
                                <div class="line-separator"></div>

                                <div class="one-half">
                                    <a href="#"><?php echo lang('login.forget_pwd'); ?></a>
                                </div>
                                <div class="one-half right">
                                    <input type="submit" value="<?php echo lang('login.login'); ?>" class="button blue tiny">
                                </div>

                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>

                    <div class="clear"></div>
                    <div class="one-half">
                        <a href="/index.php/language/index/vi"><img src="/img/flags/vietnam.png"></a>
                        <a href="/index.php/language/index/en"><img src="/img/flags/england.png"></a>
                        <a href="/index.php/language/index/fr"><img src="/img/flags/france.png"></a>
                    </div>

                    <div class="clear"></div>
                    <div class="one-half">
                        Download <a href="/index.php/language/index/vi">Android</a>
                        <a href="/index.php/language/index/en">Iphone/Ipad</a>
                        <a href="/index.php/language/index/fr">Blackberry</a>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <div id="login_footer"></div>
</section>